<template>
	<view class="">
		<view class="nav_top-bg">
			<u-navbar title="查看会员">
				<view class="u-nav-slot" slot="left">
					<u-icon name="arrow-left" @click="go_black" size="19"></u-icon>
					<u-line direction="column" :hairline="false" length="16" margin="0 10px"></u-line>
					<u-icon name="home" @click="goHome" size="20"></u-icon>
				</view>
			</u-navbar>
		</view>
		<view class="huiyuan-img">
			<image src="../static/qingtong_bj@1x.png" mode="widthFix" class="huiyuan_grade"></image>
			<view class="youxiaoqi">有效期至：2025.10.12</view>
		</view>
		<view class="quanyi">
			<view class="quanyi-tit">会员权益</view>
			<view class="ci_num">
				<view class="qy-num">6 <text class="qy-t">次</text> </view>
			</view>
			<view class="mianfei">免费查看联系方式次数</view>
		</view>
		<view class="guize">
			<view class="quanyi-tit">会员规则</view>
			<view class="guize-t">
				<u-parse :content="content"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				content: `<p>1.会员只可享受对应会员的权益</p>
<p>2.会员金额只能在****小程序中使用且无法退款</p>
<p>3.最终解释权归****所有</p>
<p>4.超出之后享受折扣83折</p>`
			}
		},
		onLoad() {
			
		},
		methods:{
			go_black() {
				uni.navigateBack({
					delta: 1
				})
			},
			goHome() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			},
		}
	}
</script>

<style>
	.guize-t{
		width: 564rpx;
		margin: auto;
		font-size: 27rpx;
		line-height: 50rpx;
		color: #666666;
		margin-top: 20rpx;
	}
	.ci_num{
		margin-top: 27rpx;
	}
	.mianfei{
		font-size: 26rpx;
		color: #6E635A;
		text-align: center;
		margin-top: 42rpx;
	}
	.qy-t{
		font-size: 24rpx;
		color: #666666;
		margin-left: 8rpx;
	}
	.qy-num{
		font-size: 72rpx;
		color: #D49017;
		text-align: center;
	}
	.quanyi-tit{
		font-size: 36rpx;
		color: #333333;
		text-align: center;
		padding-top: 43rpx;
	}
	.guize {
		width: 690rpx;
		padding-bottom: 30rpx;
		margin: auto;
		border-radius: 8rpx;
		background: rgba(255, 255, 255, 0.72);
	}
	.quanyi{
		width: 690rpx;
		height: 313rpx;
		margin: 30rpx auto;
		border-radius: 8rpx;
		background: rgba(255, 255, 255, 0.72);
	}
	.youxiaoqi{
		font-size: 28rpx;
		font-weight: normal;
		color: #FFFFFF;
		position: absolute;
		bottom: 65rpx;
		left: 45rpx;
	}
	.huiyuan_grade{
		width: 690rpx;
		margin:30rpx auto;
		display: block;
	}
	.huiyuan-img{
		width: 690rpx;
		margin: auto;
		position: relative;
	}
	page {
		background: url('https://lianfan.nccpu.cn/image/hui-bg.png') no-repeat;
		background-size: cover;
	}
</style>